/*estilos para el chat*/
#chat{
  width:330px;
  height:520px;
  border: thin solid #000;
  background-color:#EDF1F1;
  font-size:12px;
  
}
#cabecera{
  width:280px;
  height:50px;
  margin: 10px auto;
}
#mensajes{
  width:300px;
  height:350px;
  margin: 5px auto;
  background-color: #fff;
  overflow:scroll;
  border: thin solid #000;
}
#mensajes ul{
    list-style:none;
    margin-left:0px;
    padding:0px;
}
#nuevo_mensaje{
  margin-left:10px;
}

#pie_chat{
    background: #fff url(/images/logo.png) center top no-repeat;
    height:45px;
}
.notificacion_verde{
    color: #060;
    background-color: #E0F1DC;
    font-weight: bold;
    list-style:none;
    border: 1px solid #600;
}
.notificacion_roja{
    color: #600;
    background-color: #ECDADA;
    font-weight: bold;
    list-style:none;
    border: 1px solid #600;
}
.mis_mensajes{
    background-color: #e8fcfd;
    list-style:none;
}

.sus_mensajes{
    background-color: #f4fdfd;
    list-style:none;
}
/*
  TomaTime v1.0
  Ale Muñoz <ale@bomberstudios.com>
*/

/********************************** global ************************************/
h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
}
a img { border: 0; }
a {
  color: #09c;
}
hr {
  margin-right: 20px;
  height: 2px;
  border: 0;
  background: transparent url(../images/bg_hr.gif) left top repeat-x;
}
h2 a {
  margin-left: 10px;
}


/******************************** container ***********************************/
div#container {
  width: 880px;
  margin: 0 auto;
}


/********************************* header *************************************/
div#header {
  background: #F0F1F4 url(../images/bg_header.png) left top no-repeat;
  border-bottom: 7px solid #8B68A1;
  padding-top: 50px;
  width: 880px;
  margin: 0 auto;
}
div#header a {
  display: inline;
  float: left;
  margin: 10px;
  margin-top: -10px;
  width: 248px;
  height: 40px;
  display: block;
  background: transparent url(../images/logo.png) left top no-repeat;

}
div#header cite {
  font-size: 20px;
  font-weight: bold;
  float: right;
  color: #754D8B;
  display: inline;
  margin-right: 10px;
}


/******************************** content *************************************/
div#content {
  margin: 10px 0;
}
div#content div.left,
div#content div.middle,
div#content div.right {
  float: left;
  overflow: hidden;
}
div#content div.left {
  width: 227px;
  background-color: #E7EAEC;
  margin-right: 18px;
  text-align: center;
}
div#content div.left * {
  text-align: left;
}
div#content div.middle {
  width: 425px;
}
div#content div.right {
  width: 210px;
  background-color: #EDF1F1;
  text-align: center;
}
div#content div.right * {
  text-align: left;
}

div#content #breadcrumb {
  font-size: 0.9em;
  color: #09c;
  margin-bottom: 10px;
}
div#content #breadcrumb a {
  color: #754D8B;
}

div#content #busqueda_avanzadas_amigos div{
  padding:5px;

}

div#content #busqueda_avanzadas_amigos .imagen {
  padding-left:145px;
}

div#content #busqueda_avanzadas_amigos .form {
  text-align: center;
  padding:15px;
  padding-top:0px;
}

/***************************** sidebar boxes **********************************/
div.left div {
  overflow: hidden;
}

div.box {
  background: #95CAE1 url(../images/bg_box.png) left top no-repeat;

  width: 210px;
  margin: 0 auto;
  margin-bottom: 10px;
}
div.box span.bottom {
  display: block;
  height: 10px;
  width: 210px;
  background: #95CAE1 url(../images/bg_box_bottom.png) center bottom no-repeat;

}
div.box h3 {
  font-size: 14px;
  margin: 10px;
  padding: 0;
}
div.left div.box a {
  color: #09c;
}
a.button {
  display: block;
}
a.submit {
  color: #09c;
  display: block;
  font-weight: bold;
  font-size: 14px;
}
div.left div.box a.submit {
  color: #000;
}
div.left div.box a.ayuda {
  float: right;
  margin-top: 10px;
}
div.left div.box a.ayuda:hover {
  color: #fff;
  background-color: #09c;
  text-decoration: none;
}
div.left div.box ol {
  list-style-position: inside;
}
div.left div.box form {
  background-color: #fff;
  margin: 10px;
  margin-bottom: 0;
  overflow: hidden;
  padding: 5px;
}
div.left form label,
div.right form label {
  display: block;
  font-size: 0.9em;
}

div.left div.nuevo-regalo {
  width: 210px;
  height: 42px;
  margin: 10px auto;
  background: transparent url(../images/bg_nuevo_regalo.png) left top no-repeat;

}
div.left div.nuevo-regalo a {
  font-size: 22px;
  font-weight: bold;
  margin-left: 45px;
  margin-top: 8px;
  display: block;
}
/****/
div.left div.tienes-un-regalo {
  margin-top: 10px;
}
div.left div.tienes-un-regalo h3 {
  margin: 0;
  padding: 10px 0 10px 35px;
  font-size: 18px;
  background: transparent url(../images/iconos/web/regalo.png) left center no-repeat;

  margin-bottom: 5px;
}
div.left div.tienes-un-regalo form {
  width: 182px;
  margin: 0 auto;
  overflow: hidden;
}
div.left div.tienes-un-regalo input {
  margin-bottom: 7px;
}

div.left div.lo-mas-regalado {
  width: 210px;
  margin: 10px auto;
  overflow: hidden;
}
div.left div.lo-mas-regalado h3 {
  font-size: 13px;
}
div.left div.lo-mas-regalado ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
}

/***/
div.left div.lo-mas-regalado ul li {
  width: 190px;
  height: 72px;
  margin: 10px;
  padding: 2px 20px;
  background: transparent url(../images/bg_lo_mas.png) left top no-repeat;

  font-size: 16px;
}
div.left div.lo-mas-regalado ul li .order {
  float: left;
  margin: 25px 0;
}
div.left div.lo-mas-regalado ul li img {
  float: left;
  margin: 10px 15px 0px 20px;
}
div.left div.lo-mas-regalado p {
  float: left;
  padding: 0;
  padding-top:7px;
  margin: 10px 0;
}
div.left div.lo-mas-regalado ul li span.what {
  font-size: 12px;
  text-align: right;
}
div.left div.lo-mas-regalado ul li span.count {
  font-size: 12px;
  text-align: right;
  color: #999;
}

/*******************************************************************/

div.left div.regalos-ofrecidos ul,
div.left div.regalos-ofrecidos ol,
div.left div.regalos-recibidos ul,
div.left div.regalos-recibidos ol {
  background-color: #fff;
  list-style-type: none;
  width: 190px;
  margin: 0 auto;
  padding: 0;
}
div.left div.regalos-ofrecidos ul li,
div.left div.regalos-ofrecidos ol li,
div.left div.regalos-recibidos ul li,
div.left div.regalos-recibidos ol li {
  padding: 5px 0 5px 10px;
}

div.left div.regalos-ofrecidos a {
  color: #826A9C;
  text-decoration: none;
}
div.left div.regalos-recibidos a {
  color: #467C36;
  text-decoration: none;
}
div.left div.regalos-ofrecidos li.todos a,
div.left div.regalos-recibidos li.todos a {
  color: #09c;
  text-decoration: none;
}

div.left div.nivel-de-exito p {
  background-color: #fff;
  width: 190px;
  margin: 0 auto;
}

div.right div {
  width: 194px;
  margin: 0 auto;
}
div.right ul,
div.right ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div.right h4 {
  margin: 0;
  margin-top: 1em;
  padding: 0;
  font-weight: normal;
  font-size: 12px;
}

div.right div.herramientas form.login {
  overflow: hidden;
  width: 164px;
  margin: 10px auto;
}
div.right div.herramientas form.login input[type="text"] {
  width: 154px;
  margin-bottom: 7px;
}

div.right div.herramientas form.login input[type="password"] {
  width: 154px;
  margin-bottom: 7px;
}

div.right div.herramientas form.login a.submit {
  display: block;
  color: #09c;
  font-weight: bold;
  font-size: 14px;
}
div.right div.herramientas div.recordar-pass {
  width: 194px;
  height: 42px;
  margin: 10px auto;
  background: transparent url(../images/bg_button_herramienta_pass.png) left top no-repeat;

}
div.right div.herramientas div.registro {
  width: 194px;
  height: 42px;
  margin: 10px auto;
  background: transparent url(../images/bg_button_herramienta_registro.png) left top no-repeat;

}
div.right div.herramientas div.openid {
  width: 194px;
  height: 52px;
  margin: 10px auto;
  background: transparent url(../images/bg_button_herramienta_openid.png) left top no-repeat;

}

div.openid input {
  width:125px;
}
div.right div.herramientas div.recordar-pass a,
div.right div.herramientas div.registro a {
  font-size: 11px;
  color: #666;
  margin-left: 50px;
  padding: 8px 0;
  display: block;
  text-decoration: none;
}

div.right div.herramientas div.openid form {
  font-size: 11px;
  color: #666;
  margin-left: 50px;
  padding: 2px 0;
  display: block;
  text-decoration: none;
}

div.right div.herramientas div.recordar-pass a:hover,
div.right div.herramientas div.registro a:hover {
  color: #09c;
}

div.right div.mi-avatar {
  width: 210px;
  margin: 0;
  padding: 0;
  background-color: #BEDFED;
  overflow: hidden;
}
div.right div.mi-avatar img {
  float: left;
  margin: 10px;
}
div.right div.mi-avatar strong {
  margin: 10px 0;
  display: block;
}
div.right div.opciones {
  margin: 0;
  padding: 3px 8px;
  width: 210px;
  display: block;
  background-color: #95CAE1;
  margin-bottom: 10px;
}
div.right div.opciones input {
  text-align: center;
}

div.right div.cita-del-dia {
  width: 194px;
  margin: 10px auto;
  background: #fff url(../images/bg_cita_bottom.png) bottom center no-repeat;
}
div.right div.cita-del-dia h4 {
  font-size: 13px;
  color: #fff;
  background: #6E4788 url(../images/bg_h_cita.png) top left no-repeat;
  overflow: hidden;

}
div.right div.cita-del-dia h4 .txt {
  float: left;
  padding: 10px 6px;
}
div.right div.cita-del-dia h4 .date {
  font-weight: normal;
  float: right;
  padding:10px 5px;
}
div.right div.cita-del-dia cite {
  margin: 10px;
  display: block;
}
div.right div.cita-del-dia .author {
  display: block;
  margin: 10px;
  color: #754D8B;
}
div.right div.cita-del-dia a {
  color: #000;
  padding: 10px;
  display: block;
}

div.right div#zona-amigos h3 {
  display: inline;
}
div.right div#zona-amigos h3 a {
  font-size: 0.7em;
}
div.right div#zona-amigos ul li {
  display: inline;
}
div.right div#zona-amigos input {
  width: 194px;
}
div.right div#zona-amigos div.add-friend {
  width: 194px;
  height: 42px;
  margin: 10px auto;
  background: transparent url(../images/bg_button_add_friend.png) left top no-repeat;

}
div.right div#zona-amigos div.add-friend a {
  font-size: 14px;
  font-weight: bold;
  margin-left: 50px;
  padding: 12px 0;
  display: block;
}

div.right div#zona-amigos div.bloque {
  clear:both;
  float:left;
  margin-top:10px;
  margin-left:-7px;
  width:110%;
  background-color: #95cae1;
  padding-top:5px;
  padding-bottom:5px;
}

div.right div#zona-amigos div.bloque.ultimo{
  margin-bottom:10px;
}

div.right div#zona-amigos div.bloque div.texto,
div.right div#zona-amigos div.bloque img {
  float:left;
}

div.right div#zona-amigos div.bloque img {
  margin-left: 6px;
}

div.right div#zona-amigos div.bloque div.texto {
  width:172px;
  margin-left:4px;
  margin-top:4px;
  font-size:0.9em;
}


div.right div.busqueda_de_amigos {
  margin-left:40px;
  margin-bottom:10px;
}

div.left div.ultimos-eventos {
  margin-top: 0.5em;
}

div.left div.nivel-de-exito p {
  overflow: hidden;
  padding: 10px 0;
}
div.left div.nivel-de-exito img {
  background-color: #fff;
  float: left;
  margin-right: 10px;
  margin-left: 5px;
}
div.left div.nivel-de-exito span.what {
  font-size: 12px;
  text-align: right;
  margin-top: 10px;
}
div.left div.nivel-de-exito span.count {
  font-size: 12px;
  text-align: right;
  color: #999;
}

div.left div.ultimos-eventos {
  font-size: 0.9em;
  margin-left:5px;
}
div.left div.ultimos-eventos li {
  font-size: 0.9em;
  list-style-type:none
}

div.right .normas_del_foro h4 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
div.right .normas_del_foro p {
  font-size: 0.85em;
  margin-top: 0;
}

div.left .bienvenido {
  margin-top: 10px;
}
div.left .bienvenido div {
  margin: 10px;
  padding: 5px;
  background-color: #fff;
}
div.left .bienvenido div.what h3 {
  margin: 0;
  padding: 0;
  color: #09c;
}
div.left .bienvenido div.what img {
  float: right;
}
div.left .bienvenido div.foro {
  background: #fff url(../images/iconos/web/iconos_web_chat.png) 5px 5px no-repeat;

  padding-left: 45px;
}
div.left .bienvenido div.caduca {
  background: #fff url(../images/iconos/web/iconos_web_reloj.png) 5px 5px no-repeat;

  padding-left: 45px;
  margin-bottom: 0;
}

div.left .prueba {
  width: 210px;
  margin: 10px auto;
}
div.left .prueba h4 {
  font-size: 1.1em;
}
div.left .prueba .btn {
  font-size: 0.9em;
  background: #fff url(../images/iconos/web/regalo.png) 10px center no-repeat;

  padding: 10px 0;
  padding-left: 50px;
  border: 1px solid #ccc;
}


/********************************* footer *************************************/
div#footer {
  width: 880px;
  margin: 0 auto;
  font-size: 0.9em;
  background-color: #ccc;
  padding: 5px;
  text-align: center;
}
div#footer ul.menu,
div#footer ul.menu li {
  display: inline;
}
div#footer ul.menu a {
  color: #666;
  text-decoration: none;
  margin: 0 5px;
}
div#footer ul.menu a:hover {
  text-decoration: underline;
}
div#footer span {
  float: right;
  margin-top: -1.2em;
}


/********************************** misc **************************************/
div#content .middle h2 {
  font-size: 15px;
}
body#registro div#content .middle form input {
  margin-bottom: 10px;
}
body#registro div#content .middle em {
  color: red;
  margin-left: 4px;
}

.middle p {
  margin-left: 40px;
  margin-right: 40px;
}

.nav {
  display: block;
  font-size: 0.9em;
  width: 334px;
  margin-left: 40px;
}
.nav .count {
  float: left;
}
.nav .pag {
  float: right;
}
.nav a {
  margin-left: 10px;
}

.flash_ok,
.flash_error,
.flash_alert {
  padding: 20px;
  padding-left: 64px;
  margin-right: 20px;
}
.flash_ok {
  color: #060;
  border: 1px solid #060;
  background: #E0F1DC url(../images/bg_flash_ok.png) 10px center no-repeat;
}
.flash_error {
  color: #600;
  border: 1px solid #600;
  background: #ECDADA url(../images/bg_flash_error.png) 10px center no-repeat;
}

.flash_alert {
  color:#363903;
  border:1px solid #F6CC00;
  background:#F6F4A1 url(../images/bg_flash_alert.png) 10px center no-repeat;
  margin-top:4px;
}

.info {
  border:2px solid #F6CC00;
  background-color:#F6F4A1;
  font-size:0.9em;
  width:300px;
  color:#363903;
  text-align:center; 
  margin:10px 44px; 
  padding:10px;
}

.mini_info {
  border:2px solid #F6CC00;
  background-color:#F6F4A1;
  font-size:0.8em;
  width:200px;
  color:#363903;
  text-align:center; 
  margin:10px 44px; 
  padding:10px;
}


/********************************* index **************************************/
body .middle h2 {
  background: transparent url(../images/bg_h2_index.png) left center no-repeat;

  padding: 10px 40px;
  margin: 0;
  font-weight: normal;
}
body#index .middle p {
  color: #999;
  margin: 0 40px;
}
body#index .middle .prueba,
body#index .middle .regala {
  margin-bottom: 20px;
}
body#index .middle .prueba p {
  width: 334px;
  height: 250px;
  background: transparent url(../images/bg_destacado.png) center center no-repeat;

}
body#index .middle .prueba img {
  position: relative;
  left: 140px;
  top: 40px;
  float: left;
}
body#index .middle .prueba a {
  font-size: 24px;
  position: relative;
  left: 20px;
  top: -70px;
  width: 80px;
  display: block;
  text-align: center;
  font-weight: bold;
}
body#index .middle .prueba span {
  display: block;
  position: relative;
  left: 0;
  width: 120px;
  text-align: center;
  top: -60px;
  font-size: .9em;
}

body#index .middle .regala p {
  width: 334px;
  height: 44px;
  background: transparent url(../images/bg_regala.png) center center no-repeat;

}
body#index .middle .regala a {
  font-weight: bold;
  font-size: 24px;
  display: block;
  float: left;
  margin: 5px 10px;
}
body#index .middle .regala span {
  font-size: .9em;
  display: block;
  float: left;
  margin: 15px;
  
}


/********************************* home ***************************************/
body#home .middle h3 {
  font-size: 13px;
}
body#home .middle .ultimos-eventos {
  margin-bottom: 20px;
}
body#home .middle .ultimos-eventos ul {
  margin: 0 40px;
  padding: 0;
  list-style-type: none;
}
div.ultimos-eventos ul li {
  margin: 10px 0;
}
div.ultimos-eventos li img {
  vertical-align: middle;
}
body#home .middle li {
  list-style-type: none;
}
body#home .middle div.ultimos-regalados,
body#home .middle div.mis-favoritos,
body#home .middle div.ultimos-recibidos {
  display: inline;
  width: 130px;
  float: left;
}
body#home .middle div.ultimos-regalados ul,
body#home .middle div.mis-favoritos ul,
body#home .middle div.ultimos-recibidos ul {
  margin: 0;
  padding: 0;
}
body#home .middle div.ultimos-regalados li,
body#home .middle div.mis-favoritos li,
body#home .middle div.ultimos-recibidos li {
  margin: 5px 0;
  padding: 0;
}
body#home .middle div.ultimos-regalados img,
body#home .middle div.mis-favoritos img,
body#home .middle div.ultimos-recibidos img {
  vertical-align: middle;
}
body#home .middle div.mis-favoritos {
  text-align: center;
}


/********************************* forms **************************************/
input.wide {
  width: 334px;
}
label {
  display: block;
}
label.radio { display: inline; }
textarea.wide {
  width: 334px;
  height: 70px;
}

form.regalo {
  width: 334px;
  margin-left: 40px;
}

/***************************** invitacion *************************************/
div#content .middle .invitacion {
  margin-bottom: 2em;
}
div#content .middle .invitacion form {
  text-align: right;
  width: 334px;
  margin-left: 40px;
}

p.invitacion_big {
  width: 334px;
  margin-left: 40px;
  height: 250px;
  background: transparent url(../images/bg_invitacion.png) center center no-repeat;

}
p.invitacion_big span.tt {
  display: block;
  padding: 8px 10px;
}
p.invitacion_big strong {
  font-size: 20px;
  display: block;
}
p.invitacion_big img {
  float: left;
  margin: 10px;
}
p.invitacion_big span.ayuda {
  display: block;
  margin: 10px;
  margin-left: 140px;
  font-size: 0.9em;
}

body#invitacion div#content .middle .foro {
  width: 333px;
  height: 42px;
  margin-left: 40px;
  padding: 10px 0;
  background: transparent url(../images/bg_foro.png) top center no-repeat;

}
body#invitacion div#content .middle .foro a {
  font-size: 18px;
  font-weight: bold;
  margin-left: 10px;
}
div#content .middle div.destinatario h3 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
div#content .middle div.destinatario img,
div#content .middle div.destinatario a {
  float: left;
}
div#content .middle div.destinatario a {
  margin-left: 10px;
}
div#content .middle div.destinatario p {
  margin-left: 140px;
}

div#content .middle .invitacion div.datos {
  margin-left: 40px;
  width: 334px;
  height: 97px;
  margin-bottom: 10px;
  background: transparent url(../images/bg_usuario.png) top center no-repeat;
  padding: 1px;
}
div#content .middle .invitacion div.datos img {
  display: block;
  float: left;
  margin: 15px;
}
div#content .middle .invitacion div.datos p {
  margin-left: 120px;
  margin-right: 10px;
  font-size: 0.95em;
}

div.conversacion {
  width: 334px;
  margin-left: 40px;
  margin-right: 20px;
}
div.conversacion ul {
  margin: 0;
  padding: 0;
}
div.conversacion ul li {
  list-style-type: none;
  border-top: 1px dotted #754D8B;
  padding: 5px;
}
div.conversacion .who { color: #09c; }
div.conversacion .you .who { color: #754D8B; }
div.foro form {
  margin-left: 40px;
}
div.foro form textarea {
  width: 334px;
}

form.regalo {
  margin: 0;
  padding: 0;
  width: 374px;
  margin-left: 0;
  padding-left: 40px;
  overflow: visible;
}
form.regalo h3 {
  margin-top: 15px;
}
form.regalo p {
  width: 334px;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
form.regalo span.paso {
  margin: 0;
  padding: 0;
  background: transparent url(../images/bg_paso.png) center center no-repeat;
  padding: 7px;
  color: #fff;
  font-weight: bold;
  float: left;
  margin: 0;
  padding: 7px;
  margin-left: -30px;
  margin-top: -5px;
}
form.regalo a.icono,
form.regalo a.more {
  display: block;
  float: left;
  background: transparent url(../images/bg_icon.png) center center no-repeat;
  width: 60px;
  height: 60px;
  text-align: center;
  margin-right: 5px;
  margin-bottom: 5px;
}
form.regalo .invitacion_big {
  margin-left: 0;
}
form.regalo label,
form.perfil label {
  margin-top: 10px;
}
form.regalo label.mz {
  margin: 0;
  padding: 0;
}


/********************************* perfil *************************************/
body#amigo_ind .middle .perfil_amigo {
  margin-left: 40px;
}
body#amigo_ind .middle .perfil_amigo div.datos {
  width: 338px;
  border: 1px solid #999;
  padding-top: 1px;
  padding-bottom:5px;
}

body#amigo_ind .middle .perfil_amigo div.datos .fechas {
  clear:both;

  padding-top:10px;
}


body#amigo_ind .middle .perfil_amigo ul {
  font-size: 0.9em;
}
body#amigo_ind .middle .perfil_amigo ul li {
  display: inline;
  float: left;
}
body#amigo_ind .middle .perfil_amigo ul li.nombre {
  width: 35%;
}
body#amigo_ind .middle .perfil_amigo ul li.nombre strong {
  display: block;
}
body#amigo_ind .middle .perfil_amigo ul img {
  margin-right: 5px;
  
}

body#amigo_ind .middle .perfil_amigo form {
  font-size: 0.95em;
  display: inline;
}
body#amigo_ind .middle .perfil_amigo form input {
  width: 115px;
  float: left;
  margin: 0;
  margin-top: 10px;
}
body#amigo_ind .middle .perfil_amigo p {
  display: block;
  margin: 0;
  margin-left: 140px;
  margin-right: 40px;
  margin-top: 10px;
  padding: 0;
}

body#buscar .middle .busqueda_resultados {
  float:left;
  width:400px;
  margin-bottom:20px;
  margin-top:20px;
}

body#buscar .middle .busqueda_resultados .usuario {
  float:left;
  height:100px;
  border: 1px solid #999;
  width:91px;
  margin:2px;
  text-align:center;
}

body#buscar .middle .busqueda_resultados .usuario .online {
  font-size:0.8em;
  color:#F00;
}

body#buscar .middle .busqueda_resultados .usuario img {
  margin:2px;
}

body#buscar .middle .busqueda_resultados .usuario span {
  font-size:0.8em;
  clear:both;
}

body#cumpleanios .middle div#cumpleanios {

}

body#cumpleanios .middle div#cumpleanios .titulo{
  text-align: center;
}

body#cumpleanios .middle div#cumpleanios .cumpleanios_list{
  margin-left:70px;
  margin-top:20px;
}

body#cumpleanios .middle div#cumpleanios .cumpleanios_list .cumpleanio_mes {
  font-size: 1.2em;
  font-weight: bold;
  clear:both;
  float:left;
  margin-top:10px;
}

body#cumpleanios .middle div#cumpleanios .cumpleanios_list .cumpleanio_dia {
  clear:both;
  float:left;
  margin-left:20px;
  margin-top:10px;
}

body#cumpleanios .middle div#cumpleanios .cumpleanios_list .cumpleanio_dia .cumpleanio_usuarios {
  clear:both; 
}

.eventos_amigo {
  clear:both;
}

.eventos_amigo ul {
  list-style: none;
  width: 334px;
  margin: 0;
  padding: 0;
  margin-left: 40px;
}
.eventos_amigo ul li .evento {
  height: 97px;
  background: transparent url(../images/bg_usuario.png) left top no-repeat;

  margin: 10px 0;
}
.eventos_amigo ul li .evento .what {
  width: 100px;
  float: left;
  margin: 8px 0;
  text-align: center;
}
.eventos_amigo ul li .evento .what .fecha {
  font-size: 0.8em;
  color: #754D8B;
}
.eventos_amigo ul li .evento .who {
  margin: 10px 0 10px 10px;
  width: 224px;
  float: right;
}
.eventos_amigo ul li .evento .who .nombre {
  font-size: 0.9em;
  color: #754D8B;
  font-style: italic;
  text-decoration: underline;
}
.eventos_amigo ul li .evento .who .avatar {
  float: right;
  margin-right: 10px;
}
.eventos_amigo ul li .evento form {
  margin: 0;
  padding: 0;
}
.eventos_amigo ul li .evento form label {
  display: inline;
}
.datos_amigo ul {
  margin: 0;
  padding: 0;
  margin-left: 40px;
}
.datos_amigo ul li {
  display: block;
  float: left;
  width: 150px;
}

body#perfil .middle p,
body#perfil .middle form {
  margin-left: 40px;
}

body#perfil .middle form .avatar {
  float: right;
  margin-right: 20px;
}

body#perfil .links,
body#perfil_publico .links {
  color: #754D8B;
  margin-left:105px;
  font-size:1.5em;
  font-weight: bolder;
}

body#perfil .middle form input#nombre,
body#perfil .middle form input#apellidos,
body#perfil .middle form input#nick {
  width: 230px;
}

body#perfil_publico .middle div#perfil {
  float:left;
}

body#perfil_publico .middle form span {
  border: 1px solid #000;
  background-color: #777;
  padding: 6px;
}

body#perfil_publico .middle form div.avatar {
  width:140px;
  float:left;
}

body#perfil_publico .middle form div.avatar img {
  margin-top:30px;
  padding:2px;
  border: 1px solid #999;
}

body#perfil_publico .middle form div#info_perfil {
 float:left;
 width:280px;
}

body#perfil_publico .middle form div#info_perfil div{
  margin:15px;
}

body#amigo_ind .middle div.mas_datos {
  float:left;
  margin-left:10px;
}

body#amigo_ind .middle div.mas_datos .gustos{
  margin-top:20px;
  margin-bottom:20px;
}

body#amigo_ind .middle div.foto,
body#perfil_publico .middle form div.foto {
  width:205px;
  float:left;
}

body#amigo_ind .middle div.foto img,
body#perfil_publico .middle form div.foto img{
  margin-top:20px;
  margin-bottom:2px;
  padding:5px;
  border: 1px solid #999;
}

body#amigo_ind .middle div.preferido {
  float:left;
  margin:0 auto;
  margin:10px;
  width:140px;
}

body#amigo_ind .middle div.preferido img{
  margin-left:28px; 
}

body#amigo_ind .middle div.preferido span{

}

body#perfil_publico .middle form label.poblacion {
  float:left;
}

body#amigo_ind .middle div.todos_gustos,
body#perfil_publico .middle form div.gustos {
  width:190px;
  font-size: 0.95em;
  float:left;
}



body#perfil_publico .middle form div.opciones {
  margin-top:20px;
  margin-bottom:20px;
  float:left;
}

body#perfil_publico .middle form div.usuario {
  width:200px;
  font-size: 0.9em;
  float:left;
}

body#perfil_publico .middle form div.preferido {
  width:200px;
  font-size: 0.9em;
  margin-left:20px;
  float:left;
}
body#perfil_publico .middle form div.explicacion {
  float:left;
  width:380px;
  margin-bottom:20px;
  font-size: 0.9em;
  text-align: center;
}

body#perfil_publico .middle form div.boton {
  float:left;
}

/****************************** celebracion **************************************/

body#celebracion .middle div.fechas {
}

body#celebracion .middle div.fechas div.imagen {
 text-align:center;
 margin-top:10px; 
}

body#celebracion .middle div.fechas p {
 text-align:center; 
}

body#celebracion .middle div.fechas .link {
  margin-top:20px;
  margin-left:60px;
}

body#celebracion .middle div.fechas div.celebraciones {
 margin-left:70px; 
}

/****************************** registro **************************************/
.registro_form {
  margin-left: 40px;
}


/******************************** amigos **************************************/
table.amigos {
  margin-left: 40px;
  width: 334px;
  margin-bottom: 10px;
}
table.amigos thead {
  background-color: #80CCE6;
  font-size: 0.8em;
  text-align: left;
}
table.amigos thead a {
  float: left;
  margin: 2px;
  margin-right: 10px;
}
table.amigos tbody {
  text-align: center;
}
table.amigos tbody.sub {
  font-size: 0.8em;
}
table.amigos img {
  float: left;
}
table.amigos tr.odd {
  background-color: #DCE4E8;
}

/******************************* admin ********************************************/

#administracion {
  width:100%;
  float:left;
}           

#administracion .title {
  font-size:1.2em;
  text-decoration: underline;
}

#administracion .dato {
  float:left;
  width:33%;
  text-align:center;
}

#administracion .dato .imagen {
  height:160px;
}

#administracion #stat {
  float:left;
  margin-top:40px;
  width:100%;
  text-align:center;
}             

#administracion #stat .title {
  font-size: 1.5em;
}